16 文字阴影的鼠标随动效果

text-shadow样式为标准CSS3样式，用于添加一个或多个文字阴影，用于其的语法格式为：

2.在hero元素上监听鼠标移动事件mousemove，并添加事件处理的回调函数.

3.为获得第一个阴影的瞬时位置，需要通过鼠标位置距离h1中心的距离乘以factor系数来获得，pos表示鼠标当前位置的坐标,range指代hero元素的宽和高：

5.计算出h1元素第一个阴影位置后，可以以坐标镜像或旋转90°等不同的方式来生成其他阴影，本例中我们采用绕h1元素中心旋转90°的方式共生成4个阴影：